<%@page pageEncoding="UTF-8" isELIgnored="false" session="false"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@taglib prefix="f" uri="http://www.slim3.org/functions"%>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="${ f:url('/admin/admin.css') }" />
<title>Dashboard</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript">
<!--
$(function() {

	// プレビューボタンクリック
	$("#previewButton").click(function() {
		open("", "preview", "width=1024,height=768,menubar=no,toolbar=no,status=no,location=no");
		$("form").attr("action", "${ f:url('preview') }").attr("target", "preview").submit();
	});

	// サブミットボタンクリック
	$("#submitButton").click(function() {
		$("form").attr("action", "${ f:url('create') }").removeAttr("target").submit();
	});
}); 
//-->
</script>
</head>
<body>
<div id="wrap">
	<div id="side">
        <jsp:include page="menu.jsp"></jsp:include>
	</div>
	<div id="main">
		<div id="content">
			<h1>記事編集</h1>

			<jsp:include page="message.jsp"></jsp:include>
	
			<form method="post">
                <input type="hidden" ${ f:hidden('key') } />
			
				<table style="width:100%">
					<colgroup>
						<col style="width:20%" />
						<col style="width:80%" />
					</colgroup>
					<tr>
						<td>タイトル</td>
						<td><input type="text" ${ f:text('title') } style="width:80%"/></td>
					</tr>
					<tr>
						<td>本文</td>
						<td>
							<textarea name="content" style="width:80%;height:300px">${ content }</textarea>
						</td>
					</tr>
					<tr>
						<td>音声ファイルURL</td>
						<td><input type="text" ${ f:text('audioFileUrl') } style="width:80%" /></td>
					</tr>
					<tr>
						<td colspan="2" style="text-align:center">
							<input type="button" id="previewButton" value="preview" />
							<input type="button" id="submitButton" value="submit" />
						</td>
					</tr>
				</table>
			
			</form>
	
		</div>

	</div>
	<div id="footer">
	</div>
</div>
</body>
</html>
